<ng-container *ngIf="tagData.additional===undefined||tagData.additional.cssType===undefined; else newMarqueeTemplate">
    <div id="{{tagData.additional?.needHiddenId}}" [ngStyle]="tagData.tagStyle|styleFilter">
        <div *ngIf="tagData.additional.title" [ngStyle]="tagData.additional.titleBoxStyle|styleFilter" class="titleBox">
            <span class="leftLabel" *ngIf="tagData.additional.title"
                [ngStyle]="tagData.additional.titleCssStyle|styleFilter">{{tagData.additional.title}}</span>
            <span class="rightLabel" *ngIf="tagData.additional.moreLabel"
                [ngStyle]="tagData.additional.moreLabelCssStyle|styleFilter"
                appDebounceClick (debounceClick)="gotoPage(tagData.additional.moreBtn.link)">{{tagData.additional.moreLabel}}
                <ng-container *ngIf="tagData.additional.moreIcon; else noMoreIcon">
                    <img src="{{tagData.additional.moreIcon}}"
                        [ngStyle]="tagData.additional.moreIconCssStyle|styleFilter" class="arrow" />
                </ng-container>
                <ng-template #noMoreIcon>
                    <img src="assets/fw/home_icon_arrow_more@3x.png" class="arrow" />
                </ng-template>
            </span>
        </div>
        <div class="defaultBox" [ngStyle]="tagData.additional.defaultBoxCssStyle|styleFilter"
            [ngClass]="{'defaultBox1': tagData.additional}">
            <ng-container *ngIf="tagData.additional.hideNoticeIcon===undefined">
                <ng-container *ngIf="this.appTypeCustom === 'LJ'">
                    <img src="assets/fw/expressNews.png" class="img1">
                </ng-container>
                <ng-container *ngIf="this.appTypeCustom !== 'LJ'">
                    <img src="assets/fw/icon_notice@3x.png" class="img">
                </ng-container>
            </ng-container>

            <div class="leftContent" [ngStyle]="tagData.additional.leftContentCssStyle|styleFilter"
                *ngIf="tagData.additional.leftContentImg">
                <img [ngStyle]="tagData.additional.leftContentImgCssStyle|styleFilter" class="leftContent-img"
                    [src]="tagData.additional.leftContentImg">
                <span [ngStyle]="tagData.additional.leftContentTextCssStyle|styleFilter" class="leftContent-text"
                    appDebounceClick (debounceClick)="gotoPage(tagData.additional.moreNewBtn.link)">更多<img
                        [ngStyle]="tagData.additional.leftContentIconCssStyle|styleFilter" class="leftContent-icon"
                        [src]="tagData.additional.leftContentIcon"></span>
            </div>

            <ion-list *ngIf="newsList.length>0" lines="none" [ngStyle]="tagData.additional.ionListCssStyle|styleFilter"
                class="defaultIonList">
                <ion-item slot="start" style="--padding-start: unset !important;"
                    [ngClass]="{'ionItemTransparen': tagData.additional.iconItemBackground===true}">
                    <ng-container *ngIf="tagData.additional?.slideType!==undefined; else IsNotNewSlideTypeTemplate">
                        <!-- <div appDebounceClick (debounceClick)="clickImg($event)"> -->
                        <ion-slides *ngIf="isShowSlides" [ngStyle]="ionSlidesCssStyle|styleFilter" [options]="slideOpts"
                            #slideNewsCarousel class="defaultSlides" (ionSlideTap)="clickImg()"
                            (ionSlideDidChange)="getIndex(slideNewsCarousel)"
                            (ionSlidesDidLoad)="slidesDidLoad(slideNewsCarousel)">
                            <ion-slide *ngFor="let item of newsList" class="clearfix news-item slide-height" [ngStyle]="tagData.additional?.itemSlideCssStyle|styleFilter">
                                <div [ngClass]="{'itemDiv': tagData.additional!==undefined}"
                                    [ngStyle]="tagData.additional.itemDivCssStyle|styleFilter">
                                    <img *ngIf="item.avatar" [src]="item.avatar"
                                        onerror="this.src='assets/icon/portrait50@3x.png'"
                                        [ngStyle]="tagData.additional.itemAvatarCssStyle|styleFilter" class="avatar"
                                        [ngClass]="{'avatar': tagData.additional.iconItemBackground === true}" />
                                    <p class="news-title" *ngIf="item.title"
                                        [ngStyle]="tagData.additional.itemTitleCssStyle|styleFilter">
                                        <span [ngStyle]="tagData.additional.itemTextCssStyle|styleFilter">{{item.title}}</span>
                                        <span class="subTitle" *ngIf="item.subTitle"
                                            [ngStyle]="tagData.additional.itemSubTitleCssStyle|styleFilter">{{item.subTitle}}</span>
                                    </p>
                                </div>
                                <span class="news-time" [ngStyle]="tagData.additional.itemTimeCssStyle|styleFilter">
                                    <ng-container *ngIf="item.time">{{item.time}}</ng-container>
                                    <!--蜂喔用户1.9.18 新增更多-->
                                    <span class="rightLabel"
                                        [ngStyle]="tagData.additional.moreLabelCssStyle|styleFilter">{{tagData.additional.moreLabel}}

                                        <ng-container *ngIf="tagData.additional.hiddenArrow === undefined">
                                            <ng-container *ngIf="tagData.additional.moreIcon; else noMoreIcon">
                                                <img src="{{tagData.additional.moreIcon}}" [ngStyle]="tagData.additional.moreIconCssStyle|styleFilter"
                                                    class="arrow" />
                                            </ng-container>
                                            <ng-template #noMoreIcon>
                                                <img src="assets/fw/home_icon_arrow_more@3x.png" class="arrow" />
                                            </ng-template>
                                        </ng-container>

                                    </span>
                                </span>
                            </ion-slide>
                        </ion-slides>
                        <!-- </div> -->
                    </ng-container>
                    <ng-template #IsNotNewSlideTypeTemplate>
                        <ion-slides [options]="slideOpts" #slideNewsCarousel class="news-list"
                            (ionSlideTap)="clickImg()" (ionSlideDidChange)="getIndex(slideNewsCarousel)"
                            [ngStyle]="tagData.additional.ionSlidesCssStyle|styleFilter"
                            (ionSlidesDidLoad)="slidesDidLoad(slideNewsCarousel)">
                            <ion-slide *ngFor="let item of newsList" class="clearfix news-item slide-height"
                                [ngStyle]="tagData.additional.slideCssStyle|styleFilter"
                                [ngClass]="{'slideCss': tagData.additional.slideCssStyle}">
                                <div [ngClass]="{'itemDiv': tagData.additional}"
                                    [ngStyle]="tagData.additional.itemDivCssStyle|styleFilter">
                                    <img *ngIf="item.avatar" [src]="item.avatar"
                                        onerror="this.src='assets/icon/portrait50@3x.png'"
                                        [ngStyle]="tagData.additional.itemAvatarCssStyle|styleFilter" class="avatar"
                                        [ngClass]="{'avatar': tagData.additional.iconItemBackground===true}" />
                                    <p class="news-title" *ngIf="item.title"
                                        [ngStyle]="tagData.additional.itemTitleCssStyle|styleFilter">{{item.title}}
                                        <span class="subTitle" *ngIf="item.subTitle"
                                            [ngStyle]="tagData.additional.itemSubTitleCssStyle|styleFilter">{{item.subTitle}}</span>
                                    </p>
                                </div>
                                <span class="news-time" [ngStyle]="tagData.additional.itemTimeCssStyle|styleFilter">
                                    <ng-container *ngIf="item.time">{{item.time}}</ng-container>
                                    <!--蜂喔用户1.9.18 新增更多-->
                                    <span class="rightLabel"
                                        [ngStyle]="tagData.additional.moreLabelCssStyle|styleFilter">{{tagData.additional.moreLabel}}
                                        <ng-container *ngIf="tagData.additional.moreIcon; else noMoreIcon">
                                            <img src="{{tagData.additional.moreIcon}}"
                                                [ngStyle]="tagData.additional.moreIconCssStyle|styleFilter"
                                                class="arrow" />
                                        </ng-container>
                                        <ng-template #noMoreIcon>
                                            <img src="assets/fw/home_icon_arrow_more@3x.png" class="arrow" />
                                        </ng-template>
                                    </span>
                                </span>
                            </ion-slide>

                        </ion-slides>
                    </ng-template>




                </ion-item>

            </ion-list>
            <ng-container *ngIf="newsList.length===0">
                <ng-container *ngIf="tagData.hint; else tagDataHintIsEmptyTemplate">
                    <p *ngIf="tagData.hint" class="hintDiv" [ngStyle]="tagData.additional?.hintDivCssStyle|styleFilter">
                        {{tagData.hint}}</p>
                </ng-container>
                <ng-template #tagDataHintIsEmptyTemplate>
                    <p *ngIf="tagData.additional?.hint" class="hintDiv"
                        [ngStyle]="tagData.additional?.hintDivCssStyle|styleFilter">
                        {{tagData.additional?.hint}}</p>
                </ng-template>



            </ng-container>
        </div>
        <div *ngIf="tagData.additional.bottomBtn" [ngStyle]="tagData.additional.bottomBoxStyle|styleFilter"
            class="titleBox2">
            <span class="bottomLeftLabel" *ngIf="tagData.additional.bottomlabel"
                [ngStyle]="tagData.additional.bottomlabelCssStyle|styleFilter">{{tagData.additional.bottomlabel}}</span>
            <span class="bottomBtn" *ngIf="tagData.additional.bottomBtn"
                [ngStyle]="tagData.additional.bottomBtnCssStyle|styleFilter"
                appDebounceClick (debounceClick)="gotoPage(tagData.additional.joinBtn.link)">{{tagData.additional.bottomBtn}} </span>

            <!--1.9.0 维保需求 -->
            <img class="rightBgUrl" *ngIf="tagData.additional?.rightBgUrl" [src]="tagData.additional?.rightBgUrl"
                onerror="this.src='zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1646278451710a637ca7eb551f056c5c7f6fa4bc3dc79.png'"
                [ngStyle]="tagData.additional?.rightBgUrlCssStyle|styleFilter" />
        </div>
    </div>
</ng-container>
<ng-template #newMarqueeTemplate>
    <div class="newMarqueeBox" [ngStyle]="tagData.additional?.newMarqueeBoxCssStyle|styleFilter">
        <marquee [direction]="tagData.additional?.marqueeDirection" behavior="scroll" height="1" loop="-1"
            scrollamount="10" scrolldelay="20" [ngStyle]="tagData.additional?.marqueeBoxCssStyle|styleFilter"
            contenteditable="true" class="marqueeBox">
            <div id="scrollContent">
                <ng-container *ngFor="let item of newsList,let index = index;">
                    <div class="itemBox" [ngStyle]="tagData.additional?.itemBoxCssStyle|styleFilter"
                        appDebounceClick (debounceClick)="gotoPage(item.link,$event)">
                        <span class="itemTitle" [ngStyle]="tagData.additional?.itemTitleCssStyle|styleFilter">
                            {{item.title}}
                            <span class="subTitle" *ngIf="item?.subTitle"
                                [ngStyle]="tagData.additional?.itemSubTitleCssStyle|styleFilter">{{item?.subTitle}}</span>
                        </span>
                        <span class="itemTime"
                            [ngStyle]="tagData.additional?.itemTimeCssStyle|styleFilter">{{item?.time}}
                            <img class="itemArrow" *ngIf="tagData.additional?.arrowImgUrl"
                                [src]="tagData.additional?.arrowImgUrl"
                                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1668570202222bd19c60295db3fa5fa28566339dac48b.png'"
                                [ngStyle]="tagData.additional?.arrowImgUrlCssStyle|styleFilter" />
                        </span>
                    </div>
                </ng-container>
            </div>
        </marquee>
        <ng-container *ngIf="newsList.length===0">
            <ng-container *ngIf="tagData.hint; else tagDataHintIsEmptyTemplate">
                <p *ngIf="tagData.hint" class="hintDiv" [ngStyle]="tagData.additional?.hintDivCssStyle|styleFilter">
                    {{tagData.hint}}</p>
            </ng-container>
            <ng-template #tagDataHintIsEmptyTemplate>
                <p *ngIf="tagData.additional?.hint" class="hintDiv"
                    [ngStyle]="tagData.additional?.hintDivCssStyle|styleFilter">
                    {{tagData.additional?.hint}}</p>
            </ng-template>
        </ng-container>
    </div>

</ng-template>